<template>
  <div class="dibu">
    <div v-for="(item,index) in list" :key="index" :class="(coust==index?'liang':'')" @click="bianliang(index)">{{item}}</div>
  </div>
</template>

<script>
export default {
    data(){
        return {
            list:["首页","抱抱团","订单","我的"],
            coust:1,
        } 
    },
    methods:{
        bianliang(index){
            this.coust=index;
        }
    }
   
}
</script>

<style>
    .dibu{
        width: 100%;
        background-color: aliceblue;
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-around;
    }
    .dibu>div{
        margin: 5px;
    }
    .liang{
        color: lightskyblue;
    }
    
</style>